<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>物流管理系统</title>
<link href="../css/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="../css/menu.css" rel="stylesheet" type="text/css" media="all" />
<link href="../css/boxy.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="../js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="../js/jquery.boxy.js"></script>
</head>

<body>

<div id="fun">
	<a href="javascript:;" class="abox">订单管理</a>
	<ul class="aboxItem hidden">
		<li><a href="javascript:;">订单管理</a></li>
		<li><a href="javascript:;">运单管理</a></li>
		<li><a href="javascript:;">中转站管理</a></li>
		<li><a href="javascript:;">车辆管理</a></li>
		<li><a href="javascript:;">铁运管理</a></li>
		<li><a href="javascript:;">海运管理</a></li>
		<li><a href="javascript:;">运费管理</a></li>
	</ul>
</div>

<div class="clear">
	<ul class="menuBox">
		<li><a href="javascript:;">今日订单<span>（20）</span></a></li>
		<li><a href="javascript:;">新建订单<span>（20）</span></a></li>
		<li><a href="javascript:;">就绪订单<span>（20）</span></a></li>
		<li><a href="javascript:;">过期订单<span>（20）</span></a></li>
		<li><a href="javascript:;">执行中订单<span>（20）</span></a></li>
		<li><a href="javascript:;">异常订单<span>（20）</span></a></li>
		<li><a href="javascript:;">延迟订单<span>（20）</span></a></li>
	</ul>
</div>

<div class="notes">
	<a href="javascript:newModal();">重要通知</a>
</div>

<script type="text/javascript">
	$(function(){
		$("#fun>a").eq(0).hover(
			function(){$(".aboxItem").show()},
			function(){$(".aboxItem").hide();}
		)
	});
	function newModal() {
			  new Boxy("<div><p>通知内容通知内容</p><p class='tar'><a href='javascript:;'>确定</a></p></div>", {
				modal: true, 
			  });
		  };
</script>
</body>
</html>